<template>
  <div>
    <Row type="flex" justify="space-around" align="middle">
      <Col :span="4">
        <Button class="flow-pass-operate-button" @click="">加签</Button>
      </Col>
      <Col :span="4">
        <Button class="flow-pass-operate-button" @click="">减签</Button>
      </Col>
      <Col :span="4">
        <Button class="flow-pass-operate-button" @click="">转办</Button>
      </Col>
      <Col :span="4">
        <Button class="flow-pass-operate-button" @click="openSketchpad">手签</Button>
      </Col>
      <Col :span="4">
        <Button class="flow-pass-operate-button" @click="">附件上传</Button>
      </Col>
    </Row>
  </div>
</template>

<script>
import {Button, Col, Row} from "ant-design-vue";

export default {
  name: "FlowPassOperate",
  components: {
    Row,
    Col,
    Button
  },
  data() {
    return {};
  },
  methods: {
    openSketchpad() {
      this.$emit('customEvent', { /* some data */});
    }
  }
};
</script>

<style scoped>
.flow-pass-operate-button {
  width: 100%;
}
</style>
